<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>系统管理</title>
    <!--引入layui css-->
    <link rel="stylesheet" href="../js/layer/layui-v2.3.0/layui/css/layui.css">
    <link rel="stylesheet" href="../js/ztree/css/zTreeStyle/zTreeStyle.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/common/header.css">
    <link rel="stylesheet" href="../css/pages/systemManagement.css">
</head>
<body>
<div class="header-wrapper">
    <div class="header-navs">
        <div class="nav-content">
            <span>欢迎您，admin</span>
            <span>账号管理</span>
            <span>注销</span>
        </div>
    </div>
</div>

<div class="system-container">
    <div class="left-wrap">
        <ul class="manage-list">
            <li class="manage-active">
                <div class="item-cell">
                    <img src="../imgs/system_userManage_icon1.png" alt="">
                    <span>用户管理</span>
                </div>
            </li>
            <li class="">
                <div class="item-cell">
                    <img src="../imgs/system_userManage_icon2.png" alt="">
                    <span>角色管理</span>
                </div>
            </li>
            <li class="">
                <div class="item-cell">
                    <img src="../imgs/system_userManage_icon3.png" alt="">
                    <span>组织机构管理</span>
                </div>
            </li>
        </ul>
    </div>
    <div class="right-wrap">
        <div class="content-wrap">
            <div class="manage-item" style="display: block;">
                <div class="breadLine-wrap">
                    <span><a href="./am.html">首页</a></span>
                    <span> > </span>
                    <!--<span><a href="javascript:;">系统管理</a></span>-->
                    <!--<span> > </span>-->
                    <span class="current-page">用户管理</span>
                </div>

                <div class="manageData-wrap">
                    <div class="header-wrap">
                        <!-- 搜索框 -->
                        <div class="am-search">
                            <input class="am-search-input" type="text" />
                            <div class="am-search-btn">搜索</div>
                        </div>
                    </div>
                    <div class="manageData-head">
                        <div class="addNewData">
                            <span class="add-active">+新增数据</span>
                        </div>
                        <div class="operation-wrap">
                            <div class="refresh opera-active">
                                <i class="iconfont icon-shuaxin"></i>
                                <span>刷新</span>
                            </div>
                            <div class="export">
                                <i class="iconfont icon-daochu1"></i>
                                <span>导出</span>
                            </div>
                        </div>
                    </div>
                    <div>
                        <table  class="layui-table manate-table" lay-skin="line" lay-even lay-size="lg">
                            <thead>
                                <tr>
                                    <th>
                                        <input type="checkbox">
                                    </th>
                                    <th>用户账号</th>
                                    <th>用户姓名</th>
                                    <th>
                                        <div>
                                            <form class="layui-form" action="">
                                                <div class="layui-input-block">
                                                    <select name="city" lay-verify="required">
                                                        <option value="">角色</option>
                                                        <option value="0">超级管理员</option>
                                                        <option value="1">班长</option>
                                                        <option value="2">班员</option>
                                                    </select>
                                                </div>
                                            </form>
                                        </div>
                                    </th>
                                    <th>
                                        <div>
                                            <form class="layui-form" action="">
                                                <div class="layui-input-block">
                                                    <select name="city" lay-verify="required">
                                                        <option value="">所属</option>
                                                        <option value="0">信息处-211</option>
                                                        <option value="1">办公厅-301</option>
                                                        <option value="2">办公厅-312</option>
                                                    </select>
                                                </div>
                                            </form>
                                        </div>
                                    </th>
                                    <th>手机号</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>chensi</td>
                                    <td>张平</td>
                                    <td>超级管理员</td>
                                    <td>信息处-211</td>
                                    <td>18062549265</td>
                                    <td>
                                        <div class="table-opera">
                                            <span>编辑</span>
                                            <span>删除</span>
                                            <span>重置密码</span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>chensi</td>
                                    <td>张平</td>
                                    <td>超级管理员</td>
                                    <td>信息处-211</td>
                                    <td>18062549265</td>
                                    <td>
                                        <div class="table-opera">
                                            <span>编辑</span>
                                            <span>删除</span>
                                            <span>重置密码</span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>chensi</td>
                                    <td>张平</td>
                                    <td>超级管理员</td>
                                    <td>信息处-211</td>
                                    <td>18062549265</td>
                                    <td>
                                        <div class="table-opera">
                                            <span>编辑</span>
                                            <span>删除</span>
                                            <span>重置密码</span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>chensi</td>
                                    <td>张平</td>
                                    <td>超级管理员</td>
                                    <td>信息处-211</td>
                                    <td>18062549265</td>
                                    <td>
                                        <div class="table-opera">
                                            <span>编辑</span>
                                            <span>删除</span>
                                            <span>重置密码</span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>chensi</td>
                                    <td>张平</td>
                                    <td>超级管理员</td>
                                    <td>信息处-211</td>
                                    <td>18062549265</td>
                                    <td>
                                        <div class="table-opera">
                                            <span>编辑</span>
                                            <span>删除</span>
                                            <span>重置密码</span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>chensi</td>
                                    <td>张平</td>
                                    <td>超级管理员</td>
                                    <td>信息处-211</td>
                                    <td>18062549265</td>
                                    <td>
                                        <div class="table-opera">
                                            <span>编辑</span>
                                            <span>删除</span>
                                            <span>重置密码</span>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox">
                                    </td>
                                    <td>chensi</td>
                                    <td>张平</td>
                                    <td>超级管理员</td>
                                    <td>信息处-211</td>
                                    <td>18062549265</td>
                                    <td>
                                        <div class="table-opera">
                                            <span>编辑</span>
                                            <span>删除</span>
                                            <span>重置密码</span>
                                        </div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="record-wrap">
                            <div>
                                共有<span>7</span>记录，当前显示1-7条记录
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="manage-item">
                <div class="breadLine-wrap">
                    <span><a href="./am.html">首页</a></span>
                    <span> > </span>
                    <!--<span><a href="javascript:;">系统管理</a></span>-->
                    <!--<span> > </span>-->
                    <span class="current-page">角色管理</span>
                </div>
                <div class="manageData-wrap">
                    <div class="manageData-head">
                        <div class="addNewData">
                            <span class="add-active">+新增数据</span>
                        </div>
                        <div class="operation-wrap">
                            <div class="refresh opera-active">
                                <i class="iconfont icon-shuaxin"></i>
                                <span>刷新</span>
                            </div>
                            <div class="export">
                                <i class="iconfont icon-daochu1"></i>
                                <span>导出</span>
                            </div>
                        </div>
                    </div>
                    <div>
                        <table  class="layui-table manate-table" lay-skin="line" lay-even lay-size="lg">
                            <thead>
                            <tr>
                                <th>
                                    <input type="checkbox">
                                </th>
                                <th>角色名称</th>
                                <th>角色描述</th>
                                <th>备注</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>主管</td>
                                <td>
                                    <div style="white-space: normal;max-width: 160px;">
                                        管理资产类型
                                    </div>
                                </td>
                                <td>
                                    <div style="white-space: normal;max-width: 450px;">
                                        具有管理资产类型的所有权限 具有管理资产类型的所有权限具有管理资产类型的所有权限具有管理资产类型的所有权限
                                    </div>
                                </td>
                                <td>
                                    <div class="table-opera">
                                        <span>编辑</span>
                                        <span>删除</span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>主管</td>
                                <td>
                                    <div style="white-space: normal;width: 160px;">
                                        资产
                                    </div>
                                </td>
                                <td>
                                    <div style="white-space: normal;max-width: 450px;">
                                        具有管理资产类型的所有权限
                                    </div>
                                </td>
                                <td>
                                    <div class="table-opera">
                                        <span>编辑</span>
                                        <span>删除</span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>主管</td>
                                <td>
                                    <div style="white-space: normal;width: 160px;">
                                        资产
                                    </div>
                                </td>
                                <td>
                                    <div style="white-space: normal;max-width: 450px;">
                                        具有管理资产类型的所有权限
                                    </div>
                                </td>
                                <td>
                                    <div class="table-opera">
                                        <span>编辑</span>
                                        <span>删除</span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>主管</td>
                                <td>
                                    <div style="white-space: normal;width: 160px;">
                                        资产
                                    </div>
                                </td>
                                <td>
                                    <div style="white-space: normal;max-width: 450px;">
                                        具有管理资产类型的所有权限
                                    </div>
                                </td>
                                <td>
                                    <div class="table-opera">
                                        <span>编辑</span>
                                        <span>删除</span>
                                    </div>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <div class="record-wrap">
                            <div>
                                共有<span>4</span>记录，当前显示1-4条记录
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="manage-item">
                <div class="breadLine-wrap">
                    <span><a href="./am.html">首页</a></span>
                    <span> > </span>
                    <!--<span><a href="javascript:;">系统管理</a></span>-->
                    <!--<span> > </span>-->
                    <span class="current-page">组织机构管理</span>
                </div>
                <div class="manageData-wrap index">
                    <div class="manageData-leftWrap fl">
                        <div class="left-tree">
                            <ul id="treeElm" class="ztree"></ul>
                        </div>
                    </div>
                    <div class="manageData-rightWrap">
                        <div class="manageData-rightHead">
                            <div class="addNewData">
                                <span class="add-active">+新增同级组织</span>
                                <span >+新增下级组织</span>
                            </div>
                            <div class="operation-wrap">
                                <div class="refresh opera-active">
                                    <i class="iconfont icon-shanchu"></i>
                                    <span>删除</span>
                                </div>
                                <div class="export">
                                    <i class="iconfont icon-bianji"></i>
                                    <span>编辑</span>
                                </div>
                            </div>
                        </div>
                        <div class="addData-from">
                            <form class="layui-form" action="">
                                <div class="addData-form-item">
                                    <label class="layui-form-label">资源名称:</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="title" required  lay-verify="required" placeholder="电脑桌" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="addData-form-item">
                                    <label class="layui-form-label">资源类型:</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="title" required  lay-verify="required" placeholder="办公设备" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="addData-form-item">
                                    <label class="layui-form-label">最后修改人:</label>
                                    <div class="layui-input-block">
                                        <input type="text" name="title" required  lay-verify="required" placeholder="刘莉" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="addData-form-item">
                                    <label class="layui-form-label">上次修改时间:</label>
                                    <div class="layui-input-block">
                                        <input type="text" class="layui-input" id="lastTime" placeholder="2018-07-31" lay-key="lastTime">
                                    </div>
                                </div>
                                <div class="addData-form-item">
                                    <label class="layui-form-label">备注:</label>
                                    <div class="layui-input-block">
                                        <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
                                    </div>
                                </div>
                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../js/jquery/jquery.min.js"></script>
<script src="../js/ztree/js/jquery.ztree.core.js"></script>
<script src="../js/data/ztree.data.js"></script>
<!--引入layui-->
<script src="../js/layer/laydate/laydate.js"></script>
<script src="../js/layer/layui-v2.3.0/layui/layui.all.js"></script>
<script src="../js/pages/systemManagement.js"></script>
</body>
</html>